<template>
  <view>
    <u-swiper :list="banner" mode="number" indicator-pos="topLeft" :effect3d="true"></u-swiper>
    <u-grid :col="3">
    		<u-grid-item>
    			<u-icon name="photo" :size="46"></u-icon>
    			<view class="grid-text">昭和系</view>
    		</u-grid-item>
    		<u-grid-item>
    			<u-icon name="lock" :size="46"></u-icon>
    			<view class="grid-text">平成系</view>
    		</u-grid-item>
    		<u-grid-item>
    			<u-icon name="hourglass" :size="46"></u-icon>
    			<view class="grid-text">令和系</view>
    		</u-grid-item>
    	</u-grid>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        banner: [{
						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					}
				]
      }
    },
    methods: {
      
    }
  }
</script>

<style>

</style>
